<template>
  <div>
    <nut-searchbar v-model="val">
      <template #rightout>
        <MoreS></MoreS>
      </template>
      <template #rightin>
        <Search2 />
      </template>
    </nut-searchbar>
  </div>
  <div>
    <nut-row>
      <nut-col :span="6">
        <div class="content">我的订单</div>
      </nut-col>
      <nut-col :span="6">
        <div class="content">购物车</div>
      </nut-col>
      <nut-col :span="6">
        <div class="content">客服消息</div>
      </nut-col>
      <nut-col :span="6">
        <div class="content">浏览记录</div>
      </nut-col>
    </nut-row>
  </div>
  <div>
    <nut-row>
      <nut-col :span="12">
        <div class="content">直播精选</div>
      </nut-col>
      <nut-col :span="12">
        <div class="content">不用比价</div>
      </nut-col>
    </nut-row>
  </div>
  <div>
    <nut-row>
      <nut-col :span="12">
        <div class="content">商品</div>
      </nut-col>
      <nut-col :span="12">
        <div class="content">商品</div>
      </nut-col>
    </nut-row>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { Search2, MoreS } from '@nutui/icons-vue'
const val = ref('')
</script>

<style></style>